/*
 * @Date: 2024-01-11 10:39:57
 * @LastEditors: lyx
 * @LastEditTime: 2024-01-11 16:21:49
 * @FilePath: \chlor-alkali-cloud-mobile-end\src\components\TextBadge\index.tsx
 * @Description: 基于 Badge 支持 文本状态显示
 */
import { View } from "@tarojs/components";
import styles from "./index.module.scss";
import { Badge } from "@nutui/nutui-react-taro";
import React from "react";
function TextBadge(props: ITextBadgeProps) {
  const { text, ...rest } = props;
  return (
    <View className={styles["text-badge-wrapper"]}>
      <Badge dot top={2} {...rest} />
      <View className={styles["text"]}>{text}</View>
    </View>
  );
}

export default TextBadge;
